fp {
  width: 100%;
  height: 100%;    
  margin: 0px;
  padding-bottom: 150px;  
}

div.tb {
  position: relative;
  margin-top: 30px;
  padding: 0px;
  width: 800px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
  
  background-image: url("images/h/myfoon-logo.png");
  background-repeat: no-repeat;      
  background-position: left;
}

div.tb span.r {
  position: absolute;  
  right: 0px;
  top: 0px;  
}

div.mb {
  position: relative;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  padding-bottom: 7px;
  border-bottom: Solid 1px #5195ce;
}

div.mb span.r {
  position: absolute;
  right: 0px;
  top: 0px;
}

div.ct {
  position: relative;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

div.ct div.l {  
  position: relative;
  background-color: #f3f6f9;
  border-left: Solid 1px #e1e1e1;
  border-right: Solid 1px #e1e1e1;
  float: left;

  padding-left: 7px;
  padding-right: 7px;
  padding-bottom: 7px;
}

div.ct div.r {
  right: 0px;
  top: 0px;
  float: right;
  padding:0px;
}

div.bb {
  border-top: Solid 1px #5195ce;
  position: relative;
  width: 800px;
  margin-left: auto;
  margin-right: auto; 
  clear: both;
}

.msgb {background: url("images/h/mb-dot.png") 0 0 repeat-x; width: 552px; background-color: White; margin-top: 7px; z-index: 1000;}
.msgb_b {background: url("images/h/mb-dot.png") 0 100% repeat-x}
.msgb_l {background: url("images/h/mb-dot.png") 0 0 repeat-y}
.msgb_r {background: url("images/h/mb-dot.png") 100% 0 repeat-y}
.msgb_bl {background: url("images/h/mb-bl.png") 0 100% no-repeat}
.msgb_br {background: url("images/h/mb-br.png") 100% 100% no-repeat}
.msgb_tl {background: url("images/h/mb-tl.png") 0 0 no-repeat}
.msgb_tr {background: url("images/h/mb-tr.png") 100% 0 no-repeat; padding:10px} 

.sb {background: url("images/h/sb-dot.png") 0 0 repeat-x; width: 182px; background-color: #f6f6f6;}
.sb_b {background: url("images/h/sb-dot.png") 0 100% repeat-x}
.sb_l {background: url("images/h/sb-dot.png") 0 0 repeat-y}
.sb_r {background: url("images/h/sb-dot.png") 100% 0 repeat-y}
.sb_bl {background: url("images/h/sb-bl.png") 0 100% no-repeat}
.sb_br {background: url("images/h/sb-br.png") 100% 100% no-repeat}
.sb_tl {}
.sb_tr {} 

/*
mdlp {background: url("images/h/mp-t.png") 0 0 repeat-x; width: 552px; background-color: White; margin-top: 7px; z-index: 1000;}
.mdlp_b {background: none 30 100%-30 repeat-x; }
.mdlp_l {background: none 0 0 repeat-y; }
.mdlp_r {margin-top: 30px; margin-bottom: 30px; background: url("images/h/mp-r.png") 100% 30 repeat-y;}

.mdlp_bl {background: url("images/h/mp-bl.png") 0 100% no-repeat; }
.mdlp_br {background: url("images/h/mp-br.png") 100% 100% no-repeat}
.mdlp_tl {background: url("images/h/mp-tl.png") 0 0 no-repeat}
.mdlp_tr {background: url("images/h/mp-tr.png") 100% 0 no-repeat; padding:10px} 
*/

.modalp {   
  top: 0px; left: 0px; 
}
.modalp .modalp_top { top: 0px; height: 30px; position: relative; }
.modalp .modalp_top .modalp_topl { background: Red; width: 30px; height: 30px; top: 0px; left: 0px; position: absolute; }
.modalp .modalp_top .modalp_topc { background: Yellow; height: 30px; top: 0px; margin-left: 30px; margin-right: 30px; }
.modalp .modalp_top .modalp_topr { background: Green; width: 30px; height: 30px; top: 0px; right: 0px; position: absolute; }


.fsp_ht {
  font-family: Tahoma;      
  color: #02243c;
}

.fsp_ht {
  font-size: 14px;
  font-weight: bold;
}

.ho_pb {  
  background: #f9f9f9;       
  background: url("images/h/pb-bgl.png"); 
  background-repeat: no-repeat;          
  font-size: 14px;
  font-family: Tahoma;
  font-weight: bold;
  
  border: none;
  height: 25px;
  color: #5195ce;
  cursor: pointer;  
  
  padding-left: 12px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 2px;    
}

.ho_pb_r {      
  background: #f9f9f9;       
  background: url("images/h/pb-r.png"); 
  background-position: right;
  background-repeat: no-repeat;            
  padding-right: 6px;
}

#ho_mpage {  
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px; left: 0px;    
}

.ho_mback {
    position: absolute;    
    filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
    width: 100%; height: 100%; background-color: Black;    
    z-index: 50;
    top: 0px; left: 0px;
}

ho_mcontent {   
    position: absolute;
    top: 100px;    
    z-index: 750;
}

#modalPage
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
    filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;    
    width: 100%; height: 100%; 
    background-color: Black;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}
.modalContainer
{    
    position: absolute;
    width: 620px;
    left: 50%;
    top: 50%;
    z-index: 750;    
}
.modal
{    
    background-color: White;        
    position: relative;
    top: -200px;
    left: -310px;
    z-index: 1000;
    width: 620px;
    height: 400px;
    padding: 0px;    
    border: Solid 15px #b9bbbd;
}
.modalTop
{
    width: 292px;
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    text-align: right;
}
.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}
.modalBody
{
    padding: 0px;
}

#map_div {
 margin-left: 14px; 
 width: 350px; 
 height: 275px; 
 border: Solid 1px #5195ce;
 background-image: url("images/myfoon2/mapbg.png");
 background-repeat: repeat;
}